<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="丫丫">
    <title>购物车</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="shopping.css">

</head>

<body>
    <!--zhuyaoneir-->
    <main>
        <div class="shopping">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span>购物车</span>
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
        </div>
        <!--denglu-->
        <p>登录后更多优惠<span style="float:right;">去登录  ></span></p>
        <div class="container">

            <img src="image/mimall/2.png" alt="" style="height: 30px;margin-left: 50px;"> 购物车还是空的
            <button type="text" >去逛逛</button>
        </div>
        <p>为你推荐</p><br>
    </main>
    <!--商品-->
    <section>
        <section class="one">
            <img src="image/mimall/9.jpg" alt="">
            <img src="image/mimall/8.jpg" alt="">
        </section>
        <div class="frist">
            <span>电饭煲<q style="color:red">￥999</q></span>
            <span>充电宝<q style="color:red">￥111</q></span>
        </div>

        <section class="two">
            <img src="image/mimall/7.jpg" alt="">
            <img src="image/mimall/6.jpg" alt="">
        </section>
        <div class="second">
            <span>摄像头<q style="color:red">￥555</q></span>
            <span>电子手表<q style="color:red">￥222</q></span>
        </div>

        <section class="three">
            <img src="image/mimall/99.jpg" alt="">
            <img src="image/mimall/88.jpg" alt="">
        </section>
        <div class="third">
            <span>路由器<q style="color:red">￥555</q></span>
            <span>电子手表<q style="color:red">￥222</q></span>
        </div>
        

          <section class="four">
            <img src="image/mimall/77.jpg" alt="">
            <img src="image/mimall/66.jpg" alt="">
        </section>
        <div class="fourth">
            <span>音响<q style="color:red">￥888</q></span>
            <span>U盘<q style="color:red">￥66</q></span>
        </div>



    </section>
    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>